@media screen and (max-width: 768px){
    header .logo, header .phone{
        text-align: center;
    }
    
    .header-banner{
        height: 300px;
    }
    
    .header-banner .overlay-text{
        padding-top: 4em;
    }
    
    .header-banner .overlay-text h1{
        font-size: 1.5em;
    }
    
    .header-banner .overlay-text h2{
        font-size: 0.8em;
    }
    
    .tagline{
        text-align: center;
    }
    
    .tagline .heading-italic{
        font-size: 1.2em;
    }
    
    .tagline .content p{
        font-size: 0.8em;
    }
    
    .content-section .container{
        padding: 1em 0em;
    }
    
    .content-section .container .heading::before, .content-section .container .heading::after{
        content: "";
    }
    
    .content-section .container .heading{
        font-size: 1.5em;
    }
    
    .content-section .container .content{
        padding: 0em 1em;
        text-align: center;
    }
    
    .content-section .container .content p{
        font-size: 0.8em;
    }
    
    .content-b .container .heading{
        font-size: 1.5em;
    }
    
    .content-b .container .heading .grey-text::before, .content-b .container .heading .grey-text::after{
        content: "";
    }
    
    .content-b .container .content p{
        font-size: 0.8em;
    }
    
    .get-quote .container .text{
        font-size: 1.2em;
        text-align: center;
    }
    
    .get-quote .container .right-aligned{
        text-align: center;
        margin-top: 1em;
    }
    
    .get-quote .container .button{
        font-size: 1em;
    }
    
    .services .container{
        padding: 2em 0em;
    }
    
    .services .container .heading{
        font-size: 1.5em;
        text-align: center;
    }
    
    .services .container .outer-content{
        padding: 0em 2em;
        text-align: center;
        font-size: 0.8em;
    }
    
    .services .container .content .icon img{
        max-width: 5em;
    }
    
    .services .container .content .inner-content{
        font-size: 0.8em;
        text-align: center;
    }
    
    .services .container .dark-blue-bg .content .row{
        margin-bottom: 1em;
    }
    
    /* Client slider */
    .clients-slider .container-fluid {
        padding: 4em 0em 2em 0em;
    }
    
    .clients-slider .container-fluid .heading{
        font-size: 1.5em;
    }
    
    .clients-slider .container-fluid .heading::before, .clients-slider .container-fluid .heading::after{
        content: "";
    }
    
    .clients-slider .outer-arrows{
        position: relative;
    }
    
    .clients-slider .outer-arrows .slick-prev, .clients-slider .outer-arrows .slick-next{
        display: block;
    }
    
    .clients-slider .outer-arrows .slick-prev:before, .clients-slider .outer-arrows .slick-next:before{
        color: #00bce4;
    }
    
    .clients-slider .outer-arrows .slick-prev{
        left: 45%;
    }
    
    .clients-slider .outer-arrows .slick-next{
        right: 45%;
    }
    /* END: Client slider */
    
    /* Client testimonial */
    .testimonials .container .heading{
        font-size: 1.5em;
    }
    
    .testimonials .container .heading::before, .testimonials .container .heading::after{
        content: "";
    }
    
    .testimonials .container #clientTestimonial .carousel-inner{
        padding: 0em 1em;
    }
    
    .testimonials .container #clientTestimonial  .carousel-control-next, .testimonials .container #clientTestimonial  .carousel-control-prev{
        position: relative;
        display: inline-block;
        margin-top: 1em;
    }
    
    .testimonials .container #clientTestimonial  .carousel-control-next{
        left: 45%;
    } 
    
    .testimonials .container #clientTestimonial  .carousel-control-prev{
        left: 40%;
    }
    /* END: Client testimonial */
    
    .discuss-project .container .heading{
        font-size: 1.5em;
    }
    
    footer{
        min-height: 9em;
    }
}